import { ReactElement, MouseEvent } from 'react';
import { AnimationEnum, CommonProps } from '../common';

export interface DimmerOptions extends CommonProps {
  /**
   * 可遮罩的元素
   */
  dimmable?: ReactElement;
  /**
   * 激活
   */
  active?: boolean;
  /**
   * 禁用
   */
  disabled?: boolean;
  /**
   * 模糊
   */
  blurring?: boolean;
  /**
   * 持续时长；单位：ms
   */
  duration?: number;
  /**
   * 遮罩整个页面
   */
  page?: boolean;
  /**
   * 深色背景
   */
  inverted?: boolean;
  /**
   * 对齐方式
   */
  aligned?: 'top' | 'bottom';
  /**
   * 简单
   */
  simple?: boolean;
  /**
   * 着色
   */
  shades?: 'medium' | 'light' | 'very light';
  /**
   * 部分
   */
  partially?: 'top' | 'center' | 'bottom';
  /**
   * 动画
   */
  transition?: AnimationEnum;
  /**
   * 内容包裹
   */
  contentWapper?: boolean;
  /**
   * 鼠标指针进入事件
   */
  onMouseEnter?: (e: MouseEvent<HTMLDivElement>) => void;
  /**
   * 鼠标指针离开事件
   */
  onMouseLeave?: (e: MouseEvent<HTMLDivElement>) => void;
}
